<template>
	<div>
		<Header></Header>
		<div class="content">
			<el-container>
				<el-main style="margin-top: -50px !important;">
					<el-row style="text-align: left;height: 50px;">
						<div style="font-size: 36px;height: 50px;width: auto">{{groupName}}</div>
					</el-row>
					<el-tabs v-model="activeName" @tab-click="tabClick">
						<el-tab-pane :label="$t('user.companyManage')" name="company">
							<company ref="company"></company>
						</el-tab-pane>
						<el-tab-pane :label="$t('user.userManage')" name="userDetail">
							<userDetail ref="userDetail"></userDetail>
						</el-tab-pane>
					</el-tabs>
				</el-main>
			</el-container>
		</div>
	</div>

</template>

<script>
	import user from './user'

	export default user;
</script>

<style>
	.search-form-row {
		text-align: left;
		padding-left: 20px;
	}

	.el-container {
		margin-bottom: 10px;
		margin-top: 70px;
	}

	.word-break {
		width: 300px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
</style>
